
/*----------colorpiker-----------*/

.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(images/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(images/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(images/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(images/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(images/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(images/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(images/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(images/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(images/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(images/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(images/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(images/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}


/*------------------------*/
#zixys-main-menu{
	width:100%;
	z-index:999999;
	position:fixed;
	bottom:0px;
	height:1px;
    text-transform:capitalize;
    font-size:12px;
    line-height: 16px;
}

#zixys-main-menu #zixys-wrap{
	height:135px;
	width:960px;
    background:#66514C;
	border:1px solid #382727;
	margin:0 auto;
	padding:0 0 0 0;
	position:relative;
	top:-135px;
	box-shadow:0 0 8px #888888;

}

#zixys-main-menu * {
	margin:0;
	padding:0;
	font-family:arial;
	font-weight:normal;
	font-style:none;
}

#zixys-main-menu input[type="text"],
#zixys-main-menu input.zixys-input{
	border:1px solid #444;
	width:80px;
	margin:0 5px 0 0;
	padding:1px 0 0 2px;
	font-size:12px;
	background:#fff;
	color:#000;
	box-shadow:2px 1px 2px #888888 inset;
	border-radius:3px;
	text-transform:none;
}

#zixys-main-menu input.zixys-xl {
    width:215px;
}

#zixys-main-menu input[type="text"].zixys-colorpicker
{
	width:55px;
	float:left;
}

#zixys-main-menu input[type="file"] {
    font-size:11px;
    border:1px solid #444;
}

#zixys-main-menu .zixys-color-prev
{
	float:left;
	width:16px;
	height:16px;
	font-size:0;
	line-height:15px;
	border:1px solid #444;
	background:#fff;
	box-shadow:2px 2px 2px #222;
        background:url(images/zixys-transparent.gif);
}

#zixys-main-menu .zixys-color-prev>b{
    display: block;
    width:16px;
    height:16px;
    background:#fff;
}

#zixys-main-menu  .zixys-menu-block {
	float:left;
	width:170px;
}

#zixys-main-menu  .zixys-menu-block-xl {
	float:left;
	width:315px;
}

#zixys-main-menu  .zixys-menu-block-xxl {
	float:left;
	width:415px;
}

#zixys-main-menu  .zixys-template-block,
#zixys-main-menu  .zixys-template-action {
	float:left;
	width:100px;
	padding:3px 5px 0;
	position:relative;
	text-align:center;
}
#zixys-main-menu  .zixys-template-action {
	float:right;
}

#zixys-main-menu #zixys-content-wrap {
    position:relative;
}

#zixys-main-menu  #zixys-presets,
#zixys-main-menu  #zixys-gradient-apply,
#zixys-main-menu  #zixys-gradient-revert,
#zixys-main-menu  .zixys-template-action input
{
	font-size:12px;
	padding:0;
	line-height:18px;
	text-align:center;
	cursor:pointer;
	width:65px;
	height:21px;
	border:1px solid #666;
	border-radius:6px;
	margin: 0 0 5px 0;
}



#zixys-main-menu #zixys-preset-window {
	display:none;
	position:absolute;
	width:400px;
	height:200px;
	top:-200px;
	left:-297px;
	overflow:auto;
	padding:2px;
	background:#efefef;
	border:1px solid #666;
	border-radius:6px;
	box-shadow:2px 2px 9px #666;
	
}

#zixys-main-menu #zixys-preset-window .zixys-preset-sample {
	width:50px;
	height:50px;
	float:left;
	border:1px solid #666;
	margin:1px;
	border-radius:3px;
}
/*
#zixys-main-menu #zixys-gradient-apply {
	margin-top:20px;
	width:80px;
	height:30px;
	cursor:pointer;
	background:-moz-linear-gradient(center top , #F2F6F8 0%, #D8E1E7 50%, #B5C6D0 51%, #E0EFF9 100%) repeat scroll 0 0 transparent;
	border-top:1px solid #efefef;
	border-left:1px solid #efefef;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	color:#222;
	border-radius:6px;
}
*/

#zixys-main-menu .zixys-menu-gpreview-wrap {
	padding:5px 0 0 20px;
	float:left;
	width:320px;
}

#zixys-main-menu #zixys-gradient-scroller{
	position:relative;
	height:14px;
	float:left;
	width:300px;
	border:1px solid #666;
	margin:10px 0 0 0;
	box-shadow:0px 0px 2px #444444 inset;
}

#zixys-main-menu #zixys-gradient-scroller .zixys-marker{
	width:1px;
	height:20px;
	border-left:1px solid #000;
	position:absolute;
	top:0;
}

#zixys-main-menu #zixys-gradient-scroller .zixys-marker-color{
	height: 15px;
    left: -6px;
    position: absolute;
    top: 5px;
    width: 9px;
	border:1px solid #444;
	background:#fff;
	border-radius:6px 6px 0 0;
	box-shadow:1px 1px 2px #444444;
}

#zixys-main-menu #zixys-gradient-scroller .zixys-selected-marker .zixys-marker-color{
	border:1px solid #fff;
}

#zixys-main-menu .zixys-input-box {
	padding:3px 0;
	float:left;
	width:inherit;
}

#zixys-main-menu .zixys-menu-label {
	width:70px;
	float:left;
	padding:0 7px 0 4px;
	margin:0;
	font-size:12px;
	font-family:arial;
	line-height:20px;
	text-align:right;
    color:#EEE7DD;
    text-shadow: 1px 1px 1px #000000;
}

#zixys-main-menu .zixys-input-box select {
    width:86px;
    height:20px;
    background:none;
    border:none;
}

#zixys-main-menu input[type="text"].zixys-disabled-input,
#zixys-main-menu input[type="text"][disabled="disabled"]
{
	background:#ccc;
}

#zixys-main-menu .zixys-radio-label,
#zixys-main-menu .zixys-radio-label-first {
	padding:0 7px 0 12px;
	margin:0;
	font-size:12px;
	font-family:arial;
	color:#222;
	line-height:20px;
	text-align:right;
	text-shadow:1px 1px #cdcdcd;
}

#zixys-main-menu .zixys-radio-label-first  {
	padding:0 7px 0 48px; 
}

#zixys-main-menu #zixys-tab-wrap {
	height:27px;
	margin:0 0 1px 0;
	padding:0 0 0 5px;
}

#zixys-main-menu #zixys-tab-wrap span {
	float:left;
	padding:3px 13px;
	line-height:19px;
	cursor:pointer;
	text-decoration:none;
	font-size:12px;
	outline:none;
	height:21px;
    color:#F3EBD8;
    text-shadow: 1px 1px 3px #000;
    border-left:1px solid #382727;
}
#zixys-main-menu #zixys-tab-wrap span:last-child {
    border-right:1px solid #382727;
}

DIV#zixys-tab-wrap {background-image:linear-gradient(-90deg, rgba( 128, 124, 124, 1) 0%, rgba( 110, 95, 92, 1) 4%, rgba( 66, 56, 55, 1) 95%, rgba( 37, 29, 26, 1) 100% );background-image:-o-linear-gradient(-90deg, rgba( 128, 124, 124, 1) 0%, rgba( 110, 95, 92, 1) 4%, rgba( 66, 56, 55, 1) 95%, rgba( 37, 29, 26, 1) 100% );background-image:-moz-linear-gradient(-90deg, rgba( 128, 124, 124, 1) 0%, rgba( 110, 95, 92, 1) 4%, rgba( 66, 56, 55, 1) 95%, rgba( 37, 29, 26, 1) 100% );background-image:-webkit-linear-gradient(-90deg, rgba( 128, 124, 124, 1) 0%, rgba( 110, 95, 92, 1) 4%, rgba( 66, 56, 55, 1) 95%, rgba( 37, 29, 26, 1) 100% );background-image:-ms-linear-gradient(-90deg, rgba( 128, 124, 124, 1) 0%, rgba( 110, 95, 92, 1) 4%, rgba( 66, 56, 55, 1) 95%, rgba( 37, 29, 26, 1) 100% );}
DIV#zixys-tab-wrap span.zActive {-moz-box-shadow: 0px 0px 5px 0px rgba( 0, 0, 0, 1)inset;-webkit-box-shadow: 0px 0px 5px 0px rgba( 0, 0, 0, 1)inset;box-shadow: 0px 0px 5px 0px rgba( 0, 0, 0, 1)inset;background-image:linear-gradient(-90deg, rgba( 66, 47, 39, 1) 0%, rgba( 89, 66, 58, 0.97) 100% );background-image:-o-linear-gradient(-90deg, rgba( 66, 47, 39, 1) 0%, rgba( 89, 66, 58, 0.97) 100% );background-image:-moz-linear-gradient(-90deg, rgba( 66, 47, 39, 1) 0%, rgba( 89, 66, 58, 0.97) 100% );background-image:-webkit-linear-gradient(-90deg, rgba( 66, 47, 39, 1) 0%, rgba( 89, 66, 58, 0.97) 100% );background-image:-ms-linear-gradient(-90deg, rgba( 66, 47, 39, 1) 0%, rgba( 89, 66, 58, 0.97) 100% );}

#zixys-main-menu #zixys-gradient-tab {
	padding:0;
}

#zixys-main-menu #zixys-gradient-preview{
	width:300px;
	height:30px;
	border:1px solid #666;
	box-shadow:1px 1px 2px #555555;
}

#zixys-main-menu #zixys-remove-marker, 
#zixys-main-menu #zixis-sh-addShadow,
#zixys-main-menu #zixis-sh-removeShadow
{
	float:right;
	font-size:11px;
	height:21px;
	padding:0 5px;
	text-transform:capitalize;
	border:1px solid #666;
	border-radius:6px;
}

#zixys-main-menu #zixis-sh-addShadow,
#zixys-main-menu #zixis-sh-removeShadow{
	width:140px;
}

body .zixys-hovered-item {
	/*box-shadow:0 0 0 1px #f00 inset, 0 0 10px #f00!important;*/
    outline: 2px dotted #ff0000;
}

#zixys-selector-tab,
#zixys-gradient-tab,
#zixys-shadow-tab,
#zixys-corner-tab,
#zixys-source-tab
{
	height:83px;
}


#zixys-main-menu .zVisible {
	display:block!important;
}

#zixys-main-menu input[type="text"].zxyMinInpt {
	float:left;
	width:16px;
	margin-right:1px;
}

#zixys-main-menu div.zixys-source-area{
	padding: 0 0 0 5px;
	width:600px;
}

#zixys-main-menu div.zixys-source-area #zixys-src-text{
	width:100%;
	height:78px;
	font-family:"Courier New";
	font-size:11px;
}


/*select tab */

#zixys-main-menu em#zixys-select-button,
#zixys-main-menu .zixys-button
{
	float:left;
	width:20px;
	height:20px;
	border-top:1px solid #EFEFEF;
	border-left:1px solid #EFEFEF;
	border-radius:4px;
	box-shadow:0 0 0 1px #666666;
    background:#ccc;
}

#zixys-main-menu em#zixys-select-button {
	margin:2px 19px 0 16px;    
}

#zixys-main-menu .zixys-button i {
	width:20px;
	height:20px;
	float:left;
}

#zixys-main-menu em#zixys-select-button em {
	width:20px;
	height:20px;
	float:left;
	background:url(images/cursor.png) no-repeat center center;
}

#zixys-main-menu  em#zixys-select-button.zixys-sbutton-pressed,
#zixys-main-menu .zixys-button.zixys-sbutton-pressed
{
	/*background:-moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 52%, #b5c6d0 53%, #e0eff9 100%);*/
	border-top:none;
	border-left:none;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
	box-shadow:-1px -1px 0 1px #666666,	
                   1px 1px 3px #888 inset;
}

#zixys-main-menu .zixys-button.zixys-sbutton-disabled {
    background: #ddd!important;
    box-shadow:0 0 0 1px #999999;
}

#zixys-main-menu .zixys-button.zixys-sbutton-disabled i {
    opacity:0.5;
}

#zixys-pointer{
	position:absolute;
	background:rgba(0,0,256,0.2);
	outline: 2px dotted #ff0000;
}

#zixys-main-menu  .zixis-small {
	width:110px;
}

#zixys-main-menu  .zixis-small .zixys-menu-label{
	text-align:left;
}

#zixys-main-menu  .zixis-small #zixys-el-link{
	text-align:let;
	color:#00f;
	width:auto;
}

#zixys-main-menu .zixys-inner-tab {
    height:18px;
    padding:2px 0 0 5px;
}

#zixys-main-menu .zixys-inner-tab>div {
    background:#ddd;
    border:1px solid #444;
    color:#222;
    border-radius:3px;
    float:left;
    font-size:10px;
    line-height:12px;
    padding:1px 5px;
    margin-right:5px;
    box-shadow:1px 1px 1px #666;
    cursor:pointer;
    text-shadow: none;
}

#zixys-main-menu .zixys-inner-tab>div.zActive {
    box-shadow:1px 1px 1px #888 inset;
    background:#fff;
    cursor:default;
}

div.zixys-slider {
    position:absolute;
    width:20px;
    height:100px;
    border:1px solid #444;
    background:#efefef;
    border-radius:4px;
    box-shadow:2px 2px 2px #222222;
}

div.zixys-slider div.zixys-slide-bg {
    margin:5px;
    border:1px solid #444;
    background:#fff;
    height:90px;
    position:relative;
    box-shadow: 2px 1px 2px #888888 inset;
}

div.zixys-slider div.zixys-slide-bg>b {
    display:block;
    width:16px;
    height:5px;
    margin-bottom: -3px;
    position:absolute;
    bottom:98%;
    left:-5px;
    border:1px solid #444;
    background:#cfcfcf;
    box-shadow: 2px 3px 1px #EFEFEF inset;
    border-radius: 4px;
    
}

div.zixys-slider div.zixys-slider-input {
    position:absolute;
    top:34px;
    left:20px;
    padding:5px 0 5px 6px;
    border-top:1px solid #444;
    border-right:1px solid #444;
    border-bottom:1px solid #444;
    background:#efefef;
    box-shadow:2px 2px 2px #222222;
    width:55px;
    font-size:11px;
}

div.zixys-slider div.zixys-slider-input>input {
    width:30px;
    font-size:10px;
}

.zixys-hidden {
    display:none;
}

div.zixys-previewer {
    width:300px;
    background: url("images/zixys-transparent.gif");
}

i.zixys-gradient {
    background: url("images/gradient_icon.jpg") no-repeat center center;
}

em.drawButton {
    position:absolute;
    top:53px;
    left:19px;
}

#zixys-main-menu div.zixys-texture-prev {
    border: 1px solid #444444;
    box-shadow: 2px 2px 2px #222222;
    clear: both;
    height: 55px;
    margin-left: 81px;
    width: 216px;
}

/*popup window*/
#zixys-main-menu div.zixys-popup {
    font-family: arial;
    font-size: 11px;
    position:absolute;
    top:-315px;
    left:0px;
    border:1px solid #ccc;
    border-radius: 5px;
    background:#efefef;
    width:300px;
    height:300px;
    background-image: linear-gradient(-90deg, rgba(214,214,214,1) 0%, rgba(173,173,173,1)  100%) ;
    background-image: -o-linear-gradient(-90deg, rgba(214,214,214,1) 0%, rgba(173,173,173,1)  100%) ;
    background-image: -moz-linear-gradient(-90deg, rgba(214,214,214,1) 0%, rgba(173,173,173,1)  100%) ;
    background-image: -webkit-linear-gradient(-90deg, rgba(214,214,214,1) 0%, rgba(173,173,173,1)  100%) ;
    background-image: -ms-linear-gradient(-90deg, rgba(214,214,214,1) 0%, rgba(173,173,173,1)  100%) ;
    -moz-box-shadow: 2px 2px 5px 0px rgba( 0, 0, 0, 1) ;
    -webkit-box-shadow: 2px 2px 5px 0px rgba( 0, 0, 0, 1) ;
    box-shadow: 2px 2px 5px 0px rgba( 0, 0, 0, 1) ;
}

#zixys-main-menu div.zixys-popup div.zixys-pp-cont {
    background:#fff;
    height: 254px;
    margin: 5px;
    overflow: auto;
    position:relative;
}

#zixys-main-menu div.zixys-popup div.zixys-pp-sort {
    padding:0 10px;
    float:left;
}
#zixys-main-menu div.zixys-popup div.zixys-pp-page {
    padding:0 10px;
    float:right;
}

#zixys-main-menu div.zixys-popup div.zixys-pp-sort *{
    float:left;
    line-height:16px;
}
#zixys-main-menu div.zixys-popup div.zixys-pp-sort div{
    margin-right: 7px;
}

#zixys-main-menu div.zixys-popup div.zixys-pp-sort select {
    width:90px;
}

#zixys-main-menu div.zixys-popup div.zixys-pp-title {
    font-size:10px;
    background:#444;
    color:#fff;
    text-shadow: none;
    border-radius: 5px 5px 0 0;
    padding:0 5px;
}
#zixys-main-menu div.zixys-popup div.zixys-pp-title b {
    float:right;
    cursor:pointer;
}

#zixys-main-menu div.zixys-popup i.z-load {
    display:block;
    position: absolute;
    top:40%;
    text-align: center;
    width:280px;
}

#zixys-main-menu div.zixys-popup ul.zixys-pp-list {
    margin:0;
    padding:0;
    background:#fff;
}

#zixys-main-menu div.zixys-popup ul.zixys-pp-list li {
    list-style: none;
    border-bottom:1px solid #ccc;
    cursor:pointer;
    padding:0 0 0 5px;
    text-shadow: none;
}
#zixys-main-menu div.zixys-popup ul.zixys-pp-list li:hover {
    background:#efefef;
}

#zixys-main-menu div.zixys-popup ul.zixys-pp-list li div.font-title {
   font-size: 10px;
}

#zixys-main-menu div.zixys-popup ul.zixys-pp-list li div.font-sample {
    font-size: 30px;
    line-height:40px;
}

#zixys-main-menu .zixys-input-box input.selector {
    width:170px;
}

/*------------------------*/

/* pagination */
#zixys-main-menu div.pagination input.btn {
    border: 1px solid #444444;
    border-radius: 3px 3px 3px 3px;
    height: 16px;
    margin: 0 1px 0 0;
    padding: 0;
    width: 20px;
    float:left;
}

#zixys-main-menu div.pagination select {
    float:left;
    width:48px;
}



/*-------------------------*/

/*------- Zixys Spinner ------*/
#zixys-main-menu div.zixys-spinner {
    position:relative;
}

#zixys-main-menu div.zixys-spinner div.spinner-menu {
    position:absolute;
    top:0;
    right:0;
    width:17px;
    height:14px;
    margin: 2px 6px 0 0;
    background:#ddd;
    text-align:center;
    text-transform: none;
    cursor:pointer;
}

#zixys-main-menu div.zixys-spinner-menu {
    bottom:18px;
    right:0;
    width:35px;
    position:absolute;
    border:1px solid #222;
    background:#fff;
    border-radius:3px;
    text-align:center;
}

#zixys-main-menu div.zixys-spinner-menu div.zx-spn-item {
    border-bottom:1px solid #ddd;
    cursor:pointer;
    text-transform: none;
}

#zixys-main-menu div.zixys-spinner-menu div.zx-spn-item:hover {
    background:#ddd;
}

/*------- / Zixys Spinner ------*/




/* axis */

.zx-axis-contain {
    position:absolute;
    left:320px;
    top:500px;
    perspective:1000px;
    width:250px;
    height:250px;
}

div.zx-axis {
    transform-style:preserve-3d;
    width:250px;
    height:250px;
}

div.zx-axis>div {
    position:absolute;
    top:0;
    left:0;
    width:250px;
    height:250px;
    font-size:30px;
    text-align:center;
    line-height:250px;
    opacity:0.5;
    border:1px solid #000;
}

div.zx-axis>div:hover {
    background:#6971ff;
}

div.zx-axis>div.zx__X {
    transform: rotateX(90deg) translateZ(-125px);
    border-radius: 0 0 250px  0;
}


div.zx-axis>div.zx__Y {
    transform: rotateY(90deg) translateZ(-125px);
    border-radius: 250px 0 0 0;
}

div.zx-axis>div.zx__Z {
    transform: translateZ(-125px);
    border-radius: 0 250px 0 0;
}




